<template>
  <div class="container">
    <el-container class="is-vertical" style="height:100%">
      <y-header></y-header>
      <el-container>
        <left-menu class="left-menu"></left-menu>
        <panel class="panel"></panel>
        <right-menu class="right-menu"> </right-menu>
      </el-container>
    </el-container>
  </div>
</template>

<script lang="ts" setup>
  import yHeader from './header/index.vue'
  import leftMenu from './leftMenu/index.vue'
  import rightMenu from './rightMenu/index.vue'
  import panel from './panel/index.vue'
</script>

<style scoped lang="scss">
  .container {
    width: 100%;
    height:100%;
  }
  .el-container.is-vertical {
    flex-direction: column;
}
.panel{
height: 100%;
}
</style>
